﻿@model VinhSon.Models.LogOnModel
@{
    ViewBag.Title = "Vinhson.org";
    Layout = "~/Views/Shared/_Blank.cshtml";
}
@section style
{
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
        }

        body
        {
            color: #232323;
            font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
            font-size: 75%;
            height: 100%;
            width: 100%;
        }
        .button
        {
            padding: 5px 20px;
        }

        input[type="text"].input-form:focus, input[type="password"].input-form:focus, textarea.input-form:focus, .css3:focus
        {
            -moz-box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important;
            -webkit-box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important;
            border: 1px solid #0B79EA;
            box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important;
            outline: none;
        }

        form input.input-form, form input.medium-editor, textarea
        {
            border: 1px solid #b7b7b7;
            border-radius: 3px;
            padding: 5px;
        }

        .block
        {
            -moz-box-shadow: 0px 0px 10px #ccc !important;
            -webkit-box-shadow: 0px 0px 10px #ccc !important;
            border-radius: 5px;
            box-shadow: 0px 0px 10px #ccc !important;
            margin-bottom: 18px;
            background-color: white;
            border: 1px solid #b7b7b7;
        }

        .block .head
        {
            background-color: #F6F6F6;
            background-image: -moz-linear-gradient(top, #FAFAFA, #F2F2F2);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#F2F2F2));
            background-image: -moz-linear-gradient(top, #FAFAFA, #F2F2F2);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#F2F2F2));
            background-image: -webkit-linear-gradient(top, #FAFAFA, #F2F2F2);
            background-repeat: repeat-x;
            border-radius: 5px 5px 0 0;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAFAFA', endColorstr='#FFF2F2F2', GradientType=0);
            padding: 10px 20px;
            border-bottom: 1px solid #b7b7b7;
        }

        .block .head h2 {
            font-size: 15px;
        }

        .login-form
        {
            margin: 100px auto;
            width: 310px;
        }

        .login-form .block-content
        {
            padding: 20px 40px;
        }

        .login-form form
        {
            position: relative;
        }

        .login-form form .input-form
        {
            margin-top: 5px;
        }

        .forgot-password
        {
            margin-top: 10px;
        }

        .editor-item {
            margin: 5px 0;
        }
        .large-editor {
            width: 95%;
        }
        
    </style>
}
<div class="block login-form">
    <div class="head">
        <h2>
            WEB APPLICATION
        </h2>
    </div>
    <div class="block-content">
        @Html.ValidationSummary()
        <form method="POST">
        <div class="editor-item">
            <label>
                Username (*)
            </label>
            <br />
            @Html.TextBoxFor(c => c.UserName,
                                 new
                                 {
                                     @class = "input-form large-editor"
                                 })
        </div>
        <div class="editor-item">
            <label>
                Password (*)
            </label>
            <br />
            @Html.PasswordFor(c => c.Password,
                                  new
                                  {
                                      @class = "input-form large-editor"
                                  })
        </div>
        <div class="editor-item">
            <input type="submit" class="button" value="Log On" />
            @Html.CheckBoxFor(m => m.RememberMe)
            Remember Me?
        </div>
        <div class="clear">
        </div>
        </form>
    </div>
    <div class="clear">
    </div>
</div>
<div style="margin: 10px; text-align: center;">
    @Html.Raw("@")Vinhson.org 2013
</div>
